<template>
    <ul>
        <li v-for="(value, key) of people" :key="key">
            {{ key }}:{{ value }}
        </li>
    </ul>
</template>

<script setup lang="js" name="test">
import { reactive } from 'vue';

let arr = reactive([
    { id: '1', name: 'zhangsan' },
    { id: '2', name: 'lisi' },
    { id: '3', name: 'wangwu' },
])

let people = reactive({
    id: '001',
    name: 'zhangsan',
    age: 18
})
</script>

<style></style>